<template>
	<div class="header">
        <div class="c-header">
			<div class="logo">
			<img src="../../../assets/logo.png" alt="">
		</div>
			<div class="hotel-info">
				<div class="hotel-box">
					 <el-select v-model="value" placeholder="请选择" size="small">
						<el-option
						v-for="item in options"
						:key="item.value"
						:label="item.label"
						:value="item.value">
						</el-option>
					</el-select>
				</div>
			</div>
			<div class="fn-right">
				<div class="nav fn-left">
					<router-link  v-for="itme in urldatas" active-class :to= itme.path > <span>{{itme.url}}</span> </router-link>
						
				</div>
				<div class="option fn-left">
					<div class="search">
					<i class="el-icon-search"></i>
					</div>
					<div class="settings">
					<i class="el-icon-setting"></i>
					</div>
					<div class="subnav">
					<i class="el-icon-message"></i>
					</div>
				</div>
			</div>
		</div>
    </div>
</template>
<script>
 import { mapGetters ,mapActions} from 'Vuex'
	export default{
		name:"Header",
		data(){
			return {
				 options: [{
					value: '选项1',
					label: '梵境酒店静安寺店'
					}, {
					value: '选项2',
					label: '梵境酒店环贸店'
					}, {
					value: '选项3',
					label: '梵境酒店中央大街店'
					}, {
					value: '选项4',
					label: '梵境酒店静安寺店'
					}, {
					value: '选项5',
					label: '梵境酒店静安寺店'
				}],
				value: '',
				urldatas:[
					{
						url:'客栈前台',
							path:'/'
					},{
						url:'订单',
						path:'/order'
					},{
						url:'住客',
							path:'/a'
					},{
						url:'统计',
							path:'/b'
					},{
						url:'渠道',
							path:'/d'
					},{
						url:'分销',
							path:'/g'
					},{
						url:'智能售',
							path:'/e'
					},{
						url:'直销',
							path:'/h'
					},{
						url:'收益宝',
							path:'/v'
					},
				]
			}
		},
		methods:{
			
		},
		computed:{

		},
		mounted:function(){

		},
		watch:{

		},
		destroyed:function(){

		},
		components:{

		}
	}
</script>

<style  lang="less">
@import "./Header.less";
</style>